<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/djs/stuManage.js"></script>
    <link rel="stylesheet" href="/css/stuManage.css">
</head>
<body>

<table class="table" cellspacing="0">
    <thead><tr><th>学生姓名</th><th>性别</th><th>班级</th><th>地址</th><th>联系电话</th><th>操作</th></tr></thead>
    <tbody id="data"></tbody>
</table>

<div id="cutDiv" class="cutDiv"></div>

<div class="button1">
    <input class="button" type="button" value="学生入住" onclick="showAddStu()">
    <input class="button" type="button" value="查询学生" onclick="showQueryStu()">
</div>

<div class="queryStuInfo" id="queryStuInfo">
    <div class="contentQ">
        <div><h3>查询学生信息</h3></div>
        <div>学生姓名：<input type="text" name="stuName" id="stuName"></div>
        <div>班级：<input type="text" name="stuClass" id="stuClass"></div>
        <div>所在房间：<input type="text" name="stuRoom" id="stuRoom"></div>
        <div>
            <input class="button" type="button" value="查找" onclick="findStu()">
            <input class="button" type="button" value="返回" onclick="backToStuMain()">
        </div>
    </div>
</div>

<div class="addStuInfo" id="addStuInfo">
    <div class="content">
        <div><h3>添加学生</h3></div>
        <div>
            <div class="content1">
                <div>姓名：<input  type="text" name="addStuName" id="addStuName"></div>
                <div>性别：<input   type="radio" name="sex" value="男"  onchange="showStuInfoByGender(this.value)">男
                    <input  type="radio" name="sex" value="女" onchange="showStuInfoByGender(this.value)">女
                </div>
                <div>房间：<select  name="addStuRoom" id="addStuRoom">

                </select>
                </div>
                <div>班级: <select  name="addStuClass" id="addStuClass">

                </select></div>
                <div>联系电话: <input type="text" name="addStuPhone" id="addStuPhone"></div>

            </div>
            <div class="content2">
                <div class="pic"><img src="" id="faceImg" width="250" height="250"><br></div>
                <div><input  type="file" value="选择头像" id="fileTxt" onchange="changeFace()"></div>

            </div>


        </div>

        <div>
            <input class="button" type="button" value="添加" onclick="addNewStu()">
            <input class="button" type="button" value="取消" onclick="backToStuMain()">
        </div>
    </div>
</div>


<div class="showStu" id="showStu">
    <div class="content">
        <div><h3>学生信息一览</h3></div>
        <div>
            <div class="content1">
                <div>姓名：<span id="showStuName"></span></div>
                <div>性别：<span id="showStuGender"></span></div>
                <div>班级: <span id="showStuClass"></span></div>
                <div>房间: <span id="showStuRoom"></span></div>
                <div>入住日期: <span id="showStuDate"></span></div>
                <div>电话: <span id="showStuPhone"></span></div>
            </div>
            <div class="content2">
                <div>
                    <img src="" id="showStuFace" width="250" height="250">
                </div>
            </div>



        </div>

        <div>
            <input class="button" type="button" value="返回" onclick="backToStuMain()">
        </div>
    </div>
</div>


<div class="changeStuRoom" id="changeStuRoom">
    <div class="content">
        <div><h3>学生换房</h3></div>

        <div>
            <div class="content1">
                <div style="display:none"><span id="showStuIdC"></span></div>
                <div>姓名：<span id="showStuNameC"></span></div>
                <div>性别：<span id="showStuGenderC"></span></div>
                <div>原房间: <span id="showStuRoomC1"></span></div>
                <div>班级: <span id="showStuClassC"></span></div>
                <div>新房间:<select  name="showStuRoomC2" id="showStuRoomC2">

                </select></div>


            </div>
            <div class="content2">
                <div>
                    <img src="" id="showStuFaceC" width="250" height="250">
                </div>

            </div>


        </div>





        <div>
            <input class="button"  type="button" value="确定" onclick="changeRoom2()">
            <input class="button" type="button" value="返回" onclick="backToStuMain()">
        </div>
    </div>
</div>


</body>
</html>